﻿<%@ Page Title="Parent's Registration" Language="C#" MasterPageFile="~/GUI/MasterPages/MasterPage2.master"
    AutoEventWireup="true" CodeFile="ParentRegistration3.aspx.cs" Inherits="GUI_Pages_ParentRegistration3" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder3" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder4" runat="Server">
    <div id="header">
        <h4>
            Parent's Registration</h4>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <script type="text/javascript">
        function enableSubmit() {
            if (document.getElementById("CheckBox1").checked == true)
                document.getElementById("submitbutton").disabled = false;
            else
                document.getElementById("submitbutton").disabled = true;
        }
    </script>
    <div id="content">
        <p>
            Fields with a red asterisk ( <span style="color: Red">*</span> ) are required.</p>
        <h3>
            Account Settings</h3>
        <table style="height: 116px; width: 600px">
            <tr>
                <td style="height: 16px;" colspan="6">
                    &nbsp;
                    <br />
                </td>
            </tr>
            <tr>
                <td style="width: 38px; height: 38px;">
                </td>
                <td style="height: 38px; width: 140px;">
                    <span style="color: Red">* </span>Username
                </td>
                <td style="height: 38px;">
                    :
                </td>
                <td style="height: 38px; width: 45px;">
                    <asp:TextBox ID="TextBox4" runat="server" Height="22px" Width="170px"></asp:TextBox>
                </td>
                <td style="height: 38px; width: 100px;">
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="TextBox4"
                        ErrorMessage="Required" ValidationGroup="VG3"></asp:RequiredFieldValidator>
                </td>
                <td style="width: 32px; height: 38px;">
                </td>
            </tr>
            <tr>
                <td style="width: 38px; height: 38px;">
                    &nbsp;
                </td>
                <td style="width: 140px; height: 38px;">
                    <span style="color: Red">* </span>Password
                </td>
                <td style="width: 25px; height: 38px;">
                    :
                </td>
                <td style="width: 45px; height: 38px;">
                    <asp:TextBox ID="TextBox2" runat="server" TextMode="Password" Width="170px"></asp:TextBox>
                </td>
                <td style="width: 100px; height: 38px;">
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox2"
                        ErrorMessage="Required" ValidationGroup="VG3"></asp:RequiredFieldValidator>
                </td>
                <td style="width: 32px; height: 38px;">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td style="width: 38px; height: 38px;">
                    &nbsp;
                </td>
                <td style="width: 140px; height: 38px;">
                    <span style="color: Red">* </span>Confirm Password
                </td>
                <td style="width: 25px; height: 38px;">
                    :
                </td>
                <td style="width: 45px; height: 38px;">
                    <asp:TextBox ID="TextBox3" runat="server" TextMode="Password" Width="170px"></asp:TextBox>
                </td>
                <td style="width: 100px; height: 38px;">
                    <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="TextBox2"
                        ControlToValidate="TextBox3" ErrorMessage="Password doesn't match" ValidationGroup="VG3"></asp:CompareValidator>
                </td>
                <td style="width: 32px; height: 38px;">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td style="width: 38px; height: 16px;">
                    &nbsp;
                </td>
                <td style="width: 140px; height: 16px;">
                    &nbsp;
                    <br />
                </td>
                <td style="width: 25px; height: 16px;">
                    &nbsp;
                </td>
                <td style="width: 45px; height: 16px;">
                    &nbsp;
                </td>
                <td style="width: 100px; height: 16px;">
                    &nbsp;
                </td>
                <td style="width: 32px; height: 16px;">
                    &nbsp;
                </td>
            </tr>
        </table>
        <p>
            <asp:CheckBox ID="CheckBox1" runat="server" Text="I have agreed to Terms and Conditions"
                onclick="enableSubmit()" />
        </p>
        <h1>
            <asp:Button ID="submitbutton" runat="server" Text="Submit" CssClass="style25" Height="32px"
                Width="78px" OnClick="submitbutton_Click" ValidationGroup="VG3" Enabled="false" />
        </h1>
    </div>
</asp:Content>
